<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单详情</title>
    <link rel="stylesheet" href="/css/supplies/bootstrap.min.css">
    <link rel="stylesheet" href="/js/supplies/bootstrap-table/bootstrap-table.min.css"/>
    <link type="text/css" rel="stylesheet" href="/js/star/css/application.css">
    <link rel="stylesheet" href="/css/supplies/common.css"/>
    <link rel="stylesheet" href="/icon/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/supplies/myOrder/myorder.css">
    <link rel="stylesheet" href="/css/supplies/model.css">
    <style>
        .order-status {
            background-color: #FFECE0;
            border: 1px solid #FF6A0E;
            margin-top: 20px;
            padding: 20px;
        }


        .bootstrap-table thead {
            background-color: #FFEDDF;
        }

        .model_tip_title{
            float: none;
            text-align: center;
        }
        .model_info_cont {
            font-size: 14px;
        }

        .text {
            text-align: right;
            margin-top: 10px;
            font-size: 14px;
        }

        .border {
            border-bottom: 1px solid #FF6A10;
        }

        .commodity {
            padding: 20px 0px;
            background-color: #FCF8F5;
            border-top: 1px solid #FF6A10;
            border-bottom: 1px solid #FF6A10;
            font-size: 14px;
        }
        .commodity-body-left {
            float: left;
            width: 34%;
        }
        .commodity-body-left-img img {
            float: left;
            width: 80px;
            height: 80px;
        }

        .commodity-body-left-text {
            float: left;
            margin-left: 10px;
            margin-top:30px;
        }
        .commodity-body-middle{
            float: left;
            width:33%;
            margin-top: 20px;
            text-align: center;
        }
        .commodity-body-right{
            float: left;
            text-align: right;
            width: 33%;
            margin-top: 20px;
            padding-right: 7%;
        }


        .full-s {
            width: 50px;
            margin-bottom: 5px;
            text-align: center;
            background: #f48719;
            border: 1px solid #f48719;
            color: #fff;
            padding: 1px 10px;

        }
        .full-img{
            float: left;
            width: 0;
            height: 0;

            margin-top: -10px;
            margin-bottom: 5px;
            border-top: 10px solid #f48719;
            border-right: 13px solid transparent
        }
        .full-song{
            padding: 10px 0px;
            background-color: #fff;
        }
        .form-body-title{
            padding: 10px 0px 20px 0px;
        }
        .form-body-title .details_order_head{
            padding: 20px;
            text-align: center;
            background-color: white;
        }
        .form-body-title table{
            width: 100%;
        }
        .form-body-title table tr td{
            width: 33.33%;
        }

        .img-point{
            float: right;
            margin-right: 48%;
            font-size: 10px;
            width: 10px;
            height: 10px;
            border-radius: 10px;
            background-color: #999999;
        }
        .order-info-border{
            padding-bottom: 18px;
            border-bottom: 2px solid #E8E8E8;
            line-height: 18px;
        }

        .comment-left{
            float: left;
            margin-right: 40px;
            font-size: 14px;
        }
        .comment-left div img{
            margin-right: 5px;
        }
        .margin-img{
            margin-top: 10px;
            line-height: 18px;
        }


        .progress-line{
            float: left;
            width: 100%;
        }
        .progress-line .line-bg {
            width: 0;
            height: 4px;
            margin-top: -60px;
            margin-left: 16%;
            border-bottom: 5px solid #DEDEDE;
        }
        .progress-line .line-bg .line{
            width: 0;
            height: 4px;
            border-bottom: 5px solid #FFDCC6;
        }
        .model_content {
            top: 225px;
            width: 700px;
            height: auto;
        }
.btn-2{
    width: 140px;
    text-align: center;
    line-height: 32px;

}
        .top2{
            margin-top: 20px;
        }

        .img-circle{
            width: 24px;
        }

        .evaluation-btn{
            display: block;
        }

        .detail_table{
            width: 100%;font-size: 14px ;
        }

        table tr th ,.detail_table .title_th{
            width: 15%;text-align: center;
        }
        .order_info_l{
            width: 150px;
            margin-left: 15px;
            float: left;
            line-height: 18px;
        }
         .order_info_r{
             margin: 10px 0;
             float: left
        }
        .my_enal_text{
            padding: 20px;
            width: 600px;
            position: relative;
        }
        .my_enal_text .placeholder{
            position: absolute;
            padding: 5px;
            top: 35px;
            width: 100%;
            height: 100%;
            color: #DCDCDC;
        }

    </style>
</head>
<body>

<div style="display: none" id="orderStatus">{$data.info.status}</div>

<!--评价框-->
<div class="model_box collection_confirm_box">
    <div class="model_content ">
        <div class="model_info">
            <div class="model_info_title">
                <div class="close_model_box b" onclick="closeEvaluation()"><div >&times;</div></div>
                <div class="model_tip_title">
                    <div class="font_size_16">填写评价</div>
                    <div class="font_size_16 color-6">please enter feedback</div>
                </div>
            </div>
            <div class="model_info_cont">
                <div >
                    <div class="comment-left">评价内容<br>content of feedback</div>
                    <div class="comment-left" style="height: 46px;margin-top: 10px">
                        <div id="half-demo1" ></div>
                    </div>
                </div>

                <div class="row top">
                    <div class="my_enal_text">
                        <div class="placeholder">请填写评价内容<br/>please enter feedback</div>
                        <textarea class="form-control input_placeholder" style="outline: none;resize: none" id="evContent" rows="5" value=""></textarea>
                    </div>
                </div>
            </div>
        </div>
        <div class="model_bottom_bar" id="submitEvCt" supplier="{$data.info.supplier_id}" order="{$data.info.id}" user="{$data.info.user_id}">
                <div class="btn-2 font_size_14" style="margin: 0 auto">确认(determine)</div>
        </div>
    </div>
</div>

<div class="form-body-title">
    <div class="details_order_head " id="progress_box"> </div>
</div>
<!--订单信息-->
<div class="form-body ">
    <div >
        <div >
            <div class="order-info-border">
                <div class="font_size_14">订单信息:<br><span class="color-6">order information</span></div>
            </div>
            <div style="clear: both;"></div>
            <div style=" padding: 20px 0 ;height: 250px">
            <div class="col-lg-5 col-sm-7">
                <div class="row font_size_14">
                    <div class="">
                        <div class="row">
                            <div class="order_info_l" >订单编号 :<br><span class="color-6">order number</span></div>
                            <div  class="formatDate order_info_r">{$data.info.order_no}</div>
                        </div>
                    </div>
                    <div class="top">
                        <div class="row font_size_14">
                            <div class="order_info_l" >送货日期 :<br><span class="color-6">delivery date</span></div>
                            <div class="formatDate order_info_r" >{$data.info.send_time}</div>
                        </div>
                    </div>
                </div>
                <div class="row font_size_14">
                <div class="top2 ">
                    <div class="row">
                        <div class="order_info_l">收货地址：<br><span class="color-6">shipping address</span></div>
                        <div class="formatDate order_info_r">{$data.addr}</div>
                    </div>
                </div>
                <div class=" top">
                    <div class="row ">
                        <div class="order_info_l">买家备注：<br><span class="color-6">buyer's note</span></div>
                        <div class="formatDate order_info_r">{$data.info.remark}</div>
                    </div>
                </div>
            </div>
            </div>
            <div class="col-lg-5 col-sm-7 font_size_14" style="border-left: 2px solid #666; height: 100%;display: flex;flex-flow: column nowrap; justify-content: space-between">
                <div class="row">
                    <div class="col-lg-2 col-sm-2 " style="max-width: 120px">订单状态：<br>  <span class="color-6">order status</span></div>
                    <div class="col-lg-10 col-sm-9 " >{$data.order_status}</div>
                </div>
                <div style="margin-top: 20px"></div>
                <div class="row color-6">
                    <div class="col-lg-2 col-sm-2  " style="max-width: 120px">提示：<br><span class="color-9">reminder</span></div>
                    <div class="col-lg-10 col-sm-10  ">{$data.order_process}<br>
                        <span class="color-9">{$data.order_process_english}</span>
                    </div>
                </div>

            </div>
            </div>
        <div class="top" style="margin-left: -15px ; margin-right: -15px"></div>

        <table class="detail_table" >
            <tr style=" color: #666666;height: 60px; background-color: #FFECE0">
                <th class="title_th" style="width: 30%; ">商品<br>products</th>
                <th >价格<br>price</th>
                <th class="title_th">数量<br>quantity</th>
                <th class="title_th">优惠<br>offer</th>
                <th class="title_th">交易状态<br>trasaction status</th>
            </tr>
            {volist name="data['list']" id="vo"}
            {if condition="$vo['is_give'] == 0"}
            <tr style="border-bottom: 1px solid #f2f2f2">
                <td style="text-align: center;padding-bottom: 20px;padding-top: 20px">
                    <div style="display: none">{$vo.image}</div>
                    <img style="width: 80px;height: 80px;float: left;margin-right: 10px" class="alyOssUploadImg" src="http://xhl.oss-cn-shanghai.aliyuncs.com/{$vo.image}"/>
                    <span style="float: left;margin-top: 30px">{$vo.name}</span>
                </td>
                <td style="text-align: center">￡&nbsp; <span class="moneyShowNum">{$vo.price}</span> </td>
                <td style="text-align: center;font-size: 16px">{$vo.num}</td>
                {if condition="$data.supplier_discount == 2 "}
                <td style="text-align: center;font-size: 16px">满送</td>
                {else /}
                <td style="text-align: center;font-size: 16px">满减</td>
                {/if}
                <td style="text-align: center;" >{$data.order_status}</td>
            </tr>
            {/if}
            {/volist}
        </table>
          <!--  {volist name="data['list']" id="vo"}
            {if condition="$vo['is_give'] == 1 "}
            <div class="full-song">
                <div class="full-s">满送</div>
                <div class="full-img"></div>
            </div>
                <div class="commodity">
                    <div class="commodity-body ">
                        <div class="commodity-body-left">
                            <div class="commodity-body-left-img">
                                <div style="display: none">{$vo.image}</div>
                                <img class="alyOssUploadImg"  src="http://xhl.oss-cn-shanghai.aliyuncs.com/{$vo.image}"/>
                            </div>
                            <div class="commodity-body-left-text">
                                {$vo.name}
                            </div>
                        </div>
                        <div class="commodity-body-middle">
                            <div style="float: left;width: 50%;text-align: center"> ￡&nbsp; : &nbsp;<span class="moneyShowNum">{$vo.price}</span></div>
                            <div style="float: left;width: 50%;text-align: center"> {$vo.num}</div>
                        </div>
                        <div class="commodity-body-right">
                             赠品<br>
                        </div>
                    </div>
                    <div style="clear: both"></div>
                </div>
            {/if}
            {/volist}-->
        <div class="row">
            <div class="col-lg-8 col-sm-6">
               <!-- {if condition="$data.info.is_supplier_comment == 0 && $data.info.status == 4"}
                <div class="bottom  top btn-2 evaluation-btn" onclick="openEvaluation()" >
                    <div class="font_size_14">评价(feedback)</div>
                </div>
                {/if}-->
            </div>
            <div class="col-lg-4 col-sm-6 ">
                <div class="text">
                    <div >共计 {$data.count} 件商品，共￡(<span class="moneyShowNum">{$data.info.money}</span>)</div>
                    <div class="color-6">total {$data.count} products,total ￡(<span class="moneyShowNum">{$data.info.money}</span>)</div>
                    <div>已节省&nbsp;￡
                        {if condition="$data.info.discountmoney == 0 "}
                            0.00
                        {else /}  <span class="moneyShowNum">{$data.info.discountmoney}</span>
                        {/if}
                    </div>
                    <div class="color-6">you have saved &nbsp;￡
                        {if condition="$data.info.discountmoney == 0 "}
                        0.00
                        {else /}  <span class="moneyShowNum">{$data.info.discountmoney}</span>
                        {/if}
                    </div>
                </div>
            </div>
        </div>
        <div style="padding-top: 40px"></div>
    </table>
    </div>
</div>
<div class="page-body-footer "> </div>
</div>
</body>
<script src="/js/supplies/jquery.min.js"></script>
<script src="/js/supplies/bootstrap.min.js"></script>
<script src="/js/supplies/bootstrap-table/bootstrap-table.min.js"></script>
<script src="/js/supplies/common.js"></script>
<script src="/js/supplies/common_input.js"></script>
<script src="/js/star/js/jquery.raty.min.js"></script>
<script rel="script" src="/js/layer.js"></script>
<script>
    $(function () {
        showStar() ;
        setOrderStatus() ;
        formatTime() ; //时间样式
        formatDate("yyyy/MM/dd");//日期样式
        moneyStyle() ; //钱的样式
        $('.alyOssUploadImg').each(function(){
            $image = $(this).prev().text();
            $(this).attr('src',oss_url+$image);
        })
    });
    /*
    *点击提交评论内容
    */
    $('#submitEvCt').click(function(){
        $order_id       = $(this).attr('order');
        $supplier_id    = $(this).attr('supplier');
        $user_id        = $(this).attr('user');
        $star           = $("input[name='score']").val();
        $content        = $('#evContent').val();
        //alert($order_id),alert($supplier_id),alert($user_id),alert($star),alert($content)
        $.ajax({
            type: "post",
            url: '__APP__/apishop/index/addComment', //后台处理程序
            //dataType: 'json',   //接受数据格式
            data:{
                order_id:$order_id,
                supplier_id:$supplier_id,
                star:$star,
                comment:$content,
                user_id:$user_id
            },     //要传递的数据
            success:function (res) {
                if(200 == res.status){
                    $('.collection_confirm_box').fadeOut(300);
                }
                layer.msg(res.msg,{
                    skin:'winning-class',//自定义样式winning-class
                    time:3000
                });

            },
            error: function () {
                layer.msg("error",{
                    skin:'winning-class',//自定义样式winning-class
                    time:3000
                });
            }
        });
        $('.collection_confirm_box').fadeOut(300);
    });

    /*
     * @description : 钱只显示小数点后两位
     * @params:
     * @author : zengling
     * @date : 2018/3/9 11:12
     */
    function moneyStyle() {
       $('.moneyShowNum').each(function(){
           var num = $(this).text();
           num = num.substring(0,num.indexOf(".") + 3)
           $(this).text(num);
       }) ;
   }
    /*
     * @description :日期转换格式 输入日期样式
     * @author : peng huaneng
     * @date : 2018/3/1 15:16
     */
    function formatDate(timeStyle) {
        $(".formatDate").each(function () {
            var time = $(this).text() ;
            var result = "" ;

            switch (timeStyle){
                case "yyyy/MM/dd":
                    result = time.split(" ")[0].replace(/-/g, "/") ;
                    break ;
            }
            $(this).text(result) ;
        });

    }
    function formatTime() {

        $(".formatTime").each(function () {
            var time = $(this).text() ;
            var result  = time.substr(0,time.length-4 );
            $(this).text(result) ;
        });




    }

    /*
     * @description : 显示进度条
     * @params:
     * @author : peng huaneng
     * @date : 2018/2/2 17:09
     */
    function setOrderStatus() {
        var status = $("#orderStatus").text();
        var progress_box = $("#progress_box");
        var buy = "buyer's order";
        var trader = "trader's shipment";
        var  html='';
        switch (status){
            case '1': //待处理
                html +='<table >';
                html +='<tr style="color: #999999;font-size: 12px">' ;
                html +='<td><span class="formatDate">{$data.addTime.date} </span><br> <span><span class="formatTime">{$data.addTime.time} </span> </span></td>';
                html +='<td> </td>';
                html +='<td> </td>';
                html +='</tr>';
                html +='<tr>';
                html +='<td><img class="img-circle" src="/image/supplies/icon/complete.png" style=" max-width: 30px"></td>';
                html +='<td><img class="img-circle" src="/image/supplies/icon/delete-order.png" style=" max-width: 30px"></td>';
                html +='<td></td>';
                html +='</tr>';
                html +='<tr  style="font-size: 14px">';
                html +='<td><div class="margin-img">买家下单<br><span class="color-6">'+buy+'</span></div>  </td>';
                html +=' <td>商家处理<br><span class="color-6">Business delivery</span> </td>';
                html +='<td> </td>';
                html +='</tr>';
                html +='</table>';
                html +='<div class="progress-line">';
                html +='<div class="line-bg" id="progress-line-bg"><div class="line" id="progress-line"></div></div>';
                html +='</div>';
                progress_box.append(html);
                $("#progress-line-bg").css('width','33.33%');
                $("#progress-line").css('width','5%');
                break ;
            case '2': //待发货
                html +='<table >';
                html +='<tr style="color: #999999;font-size: 12px">';
                html +='<td><span class="formatDate">{$data.addTime.date} </span><br><span class="formatTime">{$data.addTime.time} </span></td>';
                html +='<td> </td>';
                html +='<td> </td>';
                html +='</tr>';
                html +='<tr>';
                html +='<td><img class="img-circle" src="/image/supplies/icon/complete.png" style=" max-width: 30px"></td>';
                html +='<td><img class="img-circle" src="/image/supplies/icon/delete-order.png" style=" max-width: 30px"></td>';
                html +='<td></td>';
                html +='</tr>';
                html +='<tr   style="font-size: 14px">';
                html +='<td><div class="margin-img">买家下单<br><span class="color-6">'+buy+'</span></div></td>';
                html +=' <td>商家发货<br><span class="color-6">'+trader+'</span></td>';
                html +='<td> </td>';
                html +='</tr>';
                html +='</table>';
                html +='<div class="progress-line">';
                html +='<div class="line-bg" id="progress-line-bg"><div class="line" id="progress-line"></div></div>';
                html +='</div>';
                progress_box.append(html);
                $("#progress-line-bg").css('width','33.33%');
                $("#progress-line").css('width','100%');
                break ;
            case '3':
                html +='<table >'
                html +='<tr style="color: #999999;font-size: 12px">'
                html +='<td><span class="formatDate">{$data.addTime.date} </span><br><span class="formatTime">{$data.addTime.time} </span></td>'
                html +='<td><span class="formatDate">{$data.deliveryTime.date} </span><br><span class="formatTime">{$data.deliveryTime.time} </span></td>'
                html +='<td><span class="formatDate">{$data.receiptTime.date} </span><br><span class="formatTime">{$data.receiptTime.time} </span></td>'
                html +='</tr>'
                html +='<tr>'
                html +='<td><img class="img-circle" src="/image/supplies/icon/complete.png" style=" max-width: 30px"></td>'
                html +='<td><img class="img-circle" src="/image/supplies/icon/complete.png" style=" max-width: 30px"></td>'
                html +='<td><img class="img-circle" src="/image/supplies/icon/complete.png" style=" max-width: 30px"></td>'
                html +='</tr>'
                html +='<tr   style="font-size: 14px">'
                html +='<td><div class="margin-img">买家下单<br><span class="color-6">'+buy+'</span></div></td>'
                html +='<td>商家发货<br><span class="color-6">'+trader+'</span></td>'
                html +='<td>交易完成<br><span class="color-6">transaction completed</span></td>'
                html +='</tr>'
                html +='</table>'
                html +='<div class="progress-line">'
                html +='<div class="line-bg" id="progress-line-bg"><div class="line" id="progress-line"></div></div>'
                html +='</div>'
                progress_box.append(html);
                $("#progress-line-bg").css('width','67%');
                $("#progress-line").css('width','100%');
                break ;
                /*html +='<table >';
                html +='<tr style="color: #999999;font-size: 12px">';
                html +='<td><span class="formatDate">{$data.addTime.date} </span><br><span class="formatTime">{$data.addTime.time} </span></td>';
                html +='<td><span class="formatDate">{$data.deliveryTime.date} </span><br><span class="formatTime">{$data.deliveryTime.time} </span></td>';
                html +='<td></td>';
                html +='</tr>';
                html +='<tr>';
                html +='<td><img class="img-circle" src="/image/supplies/icon/complete.png" style=" max-width: 30px"></td>';
                html +='<td><img class="img-circle" src="/image/supplies/icon/complete.png" style=" max-width: 30px"></td>';
                html +='<td><img class="img-circle" src="/image/supplies/icon/delete-order.png" style=" max-width: 30px"></td>';
                html +='</tr>';
                html +='<tr   style="font-size: 14px">';
                html +='<td><div class="margin-img">买家下单<br><span class="color-6">'+buy+'</span></div></td>';
                html +='<td>商家发货<br><span class="color-6">'+trader+'</span></td>';
                html +='<td>交易完成<br><span class="color-6">transaction completed</span></td>';
                html +='</tr>';
                html +='</table>';
                html +='<div class="progress-line">';
                html +='<div class="line-bg" id="progress-line-bg"><div class="line" id="progress-line"></div></div>';
                html +='</div>';
                progress_box.append(html);
                $("#progress-line-bg").css('width','67%');
                $("#progress-line").css('width','50%');
                break ;*/
            case '4': //订单已完成
                html +='<table >'
                html +='<tr style="color: #999999;font-size: 12px">'
                html +='<td><span class="formatDate">{$data.addTime.date} </span><br><span class="formatTime">{$data.addTime.time} </span></td>'
                html +='<td><span class="formatDate">{$data.deliveryTime.date} </span><br><span class="formatTime">{$data.deliveryTime.time} </span></td>'
                html +='<td><span class="formatDate">{$data.receiptTime.date} </span><br><span class="formatTime">{$data.receiptTime.time} </span></td>'
                html +='</tr>'
                html +='<tr>'
                html +='<td><img class="img-circle" src="/image/supplies/icon/complete.png" style=" max-width: 30px"></td>'
                html +='<td><img class="img-circle" src="/image/supplies/icon/complete.png" style=" max-width: 30px"></td>'
                html +='<td><img class="img-circle" src="/image/supplies/icon/complete.png" style=" max-width: 30px"></td>'
                html +='</tr>'
                html +='<tr   style="font-size: 14px">'
                html +='<td><div class="margin-img">买家下单<br><span class="color-6">'+buy+'</span></div></td>'
                html +='<td>商家发货<br><span class="color-6">'+trader+'</span></td>'
                html +='<td>交易完成<br><span class="color-6">transaction completed</span></td>'
                html +='</tr>'
                html +='</table>'
                html +='<div class="progress-line">'
                html +='<div class="line-bg" id="progress-line-bg"><div class="line" id="progress-line"></div></div>'
                html +='</div>'
                progress_box.append(html);
                $("#progress-line-bg").css('width','67%');
                $("#progress-line").css('width','100%');
                break ;
            /*case '7': //已评价
                html +='<table >'
                html +='<tr style="color: #999999;font-size: 12px">'
                html +='<td><span class="formatDate">{$data.addTime.date} </span><br><span class="formatTime">{$data.addTime.time} </span></td>'
                html +='<td><span class="formatDate">{$data.deliveryTime.date} </span><br><span class="formatTime">{$data.deliveryTime.time} </span></td>'
                html +='<td><span class="formatDate">{$data.receiptTime.date} </span><br><span class="formatTime">{$data.receiptTime.time} </span></td>'
                html +='<td><span class="formatDate">{$data.commentTime.date} </span><br><span class="formatTime">{$data.commentTime.time}</span></td>'
                html +='</tr>'
                html +='<tr>'
                html +='<td><img class="img-circle" src="/image/supplies/icon/complete.png" style=" max-width: 30px"></td>'
                html +='<td><img class="img-circle" src="/image/supplies/icon/complete.png" style=" max-width: 30px"></td>'
                html +='<td><img class="img-circle" src="/image/supplies/icon/complete.png" style=" max-width: 30px"></td>'
                html +='<td><img class="img-circle" src="/image/supplies/icon/complete.png" style=" max-width: 30px"></td>'
                html +='</tr>'
                html +='<tr  style="font-size: 14px">'
                html +='<td><div class="margin-img">买家下单<br><span class="color-6">'+buy+'</span></div></td>'
                html +='<td>商家发货<br><span class="color-6">'+trader+'</span></td>'
                html +='<td>买交易完成<br><span class="color-6">transaction completed</span></td>'
                html +='<td>已评价<br><span class="color-6">evaluated</span></td>'
                html +='</tr>'
                html +='</table>'
                html +='<div class="progress-line">'
                html +='<div class="line-bg" id="progress-line-bg"><div class="line" id="progress-line"></div></div>'
                html +='</div>'
                progress_box.append(html);
                $("#progress-line-bg").css('width','76%');
                $("#progress-line").css('width','100%');
                break ;*/
            case '6': //删除
                html +='<table >'
                html +='<tr style="color: #999999;font-size: 12px">'
                html +='<td><span class="formatDate">{$data.addTime.date} </span><br><span class="formatTime">{$data.addTime.time} </span></td>'
                html +='<td><span class="formatDate">{$data.deleteTime.date} </span><br><span class="formatTime">{$data.deleteTime.time} </span></td>'
                html +='<td> </td>'
                html +='</tr>'
                html +='<tr>'
                html +='<td><img class="img-circle" src="/image/supplies/icon/complete.png" style=" max-width: 30px"></td>'
                html +='<td><img class="img-circle" src="/image/supplies/icon/delete-order.png" style=" max-width: 30px"></td>'
                html +='<td> </td>'
                html +='</tr>'
                html +='<tr  style="font-size: 14px">'
                html +='<td><div class="margin-img">买家下单<br><span class="color-6">'+buy+'</span></div> </td>'
                html +=' <td>交易关闭<br><span class="color-6">transaction closed</span> </td>'
                html +='<td> </td>'
                html +='</tr>'
                html +='</table>'
                html +='<div class="progress-line">'
                html +='<div class="line-bg" id="progress-line-bg"><div class="line" id="progress-line"></div></div>'
                html +='</div>';
                progress_box.append(html);
                $("#progress-line-bg").css('width','33.33%');
                $("#progress-line").css('width','100%');
                break ;
            default:
                break ;
        }
    }

    /*
     * @description : 显示星级评分
     * @params:
     * @author : peng huaneng
     * @date : 2018/1/31 9:51
     */
    function showStar() {
        $('#half-demo1').raty({
            path: '/js/star/img',
            size: 40,
            starOff: 'star-off.png',
            starOn: 'star-on.png'
        });

    }

    //打开评价框
    function openEvaluation() {
        $('.collection_confirm_box').fadeIn(300);
    }
    //关闭评价框
    function closeEvaluation() {
        $('.collection_confirm_box').fadeOut(300);
    }
    //显示

</script>
</html>